<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米商城 - 小米MIX 2、红米Note 5A、小米Note 3、小米笔记本官方网站</title>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
	<link rel="stylesheet" type="text/css" href="css/reset.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
	<div class="xs-topbar">
		<div class="container">
			<!-- 顶部 -->
			
			<div class="topbar-nav">
				<a href="#">小米商城</a>
				<span class="sep">|</span>
				<a href="#">MIUI</a>
				<span class="sep">|</span>
				<a href="#">米聊</a>
				<span class="sep">|</span>
				<a href="#">游戏</a>
				<span class="sep">|</span>
				<a href="#">多看阅读</a>
				<span class="sep">|</span>
				<a href="#">云服务</a>
				<span class="sep">|</span>
				<a href="#">金融</a>
				<span class="sep">|</span>
				<a href="#">米币</a>
				<span class="sep">|</span>
				<a href="#">小米商城手机版</a>
				<span class="sep">|</span>
				<a href="#">问题反馈</a>
				<span class="sep">|</span>
				<a href="#">Select Region</a>
			</div>
			<div class="topbar-cart" id="topbarCart">
				<a href="#" class="cart-mini" id="miniCartTrigger">
					<i></i>
					购物车
					<span class="cartNum">(0)</span>
				</a>
				<div class="cart-menu" id="miniCartMenu" style="display: none;">
					<div class="loading">
						购物车中还没有商品，赶紧选购吧！
					</div>
				</div>
			</div>
			<div class="topbar-info">
				<a href="#">登录</a>
				<span class="sep"></span>
				<a href="#">注册</a>
				<span class="sep"></span>
				<a href="#">消息通知</a>
			</div>
			<div class="xs-clear"></div>
		</div>
	</div>
	<!-- 内容区顶部 -->
	<div class="xs-header">
		<div class="container">
			<div class="header-logo">
				<a href="#" class="logo">
					<span class="icon-logo"></span>
				</a>
				<div class="doodle" style="display: block;">
					<a href="#" style="" class="exposure link-block"></a>
				</div>
			</div>
			<!-- 导航区 -->
			<div class="header-nav ">
				<ul id="navList" class="nav-list clearfix">
					<li class="nav-category">
						<a class="link-category" href="#">
							<span>全部商品分类</span>
						</a>
						<div class="xs-category">
							<ul id="navCategory" class="xs-category-list clearfix">
								<li class="category-item">
									<a href="#" class="title">
										手机 电话卡
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										笔记本
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										电视 盒子
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										路由器 智能硬件
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										移动电源 电池 插线板
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										耳机 音箱
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										保护套 贴膜
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										线材 支架 存储卡
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										箱包 服饰 鞋 眼镜
										<span class="xs-icon-right"></span>
									</a>
								</li>
								<li class="category-item">
									<a href="#" class="title">
										米兔 生活周边
										<span class="xs-icon-right"></span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>小米手机</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>红米</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>笔记本</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>电视</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>盒子</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>新品</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>路由器</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>智能硬件</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>服务</span>
						</a>
					</li>
					<li class="nav-item">
						<a class="link" href="#">
							<span>社区</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="header-search"></div>
			<!-- 隐藏层 -->
			<div id="navMenu" class="header-nav-menu header-nav-menu-acitve">
				<div class="container">
					<ul id="childrenList" class="children-list">
						<!-- 插入的导航代码 -->
						<!-- <li>
							<div class="figure figure-thumb">
								<a href="#">
									<img src="images/navlist/mPhone/mix2320-220.png">
								</a>
							</div>
							<div class="title">
								<a href="#">
									小米MIX 2
								</a>
							</div>
							<p class="price">3299起</p>
							<div class="flags">
								<div class="flag">新品</div>
							</div>
						</li>
						<li>
							<div class="figure figure-thumb">
								<a href="#">
									<img src="images/navlist/mPhone/mix2320-220.png">
								</a>
							</div>
							<div class="title">
								<a href="#">
									小米MIX 2
								</a>
							</div>
							<p class="price">3299起</p>
							<div class="flags">
								<div class="flag">新品</div>
							</div>
						</li>
						<li>
							<div class="figure figure-thumb">
								<a href="#">
									<img src="images/navlist/mPhone/mix2320-220.png">
								</a>
							</div>
							<div class="title">
								<a href="#">
									小米MIX 2
								</a>
							</div>
							<p class="price">3299起</p>
							<div class="flags">
								<div class="flag">新品</div>
							</div>
						</li>
						<li>
							<div class="figure figure-thumb">
								<a href="#">
									<img src="images/navlist/mPhone/mix2320-220.png">
								</a>
							</div>
							<div class="title">
								<a href="#">
									小米MIX 2
								</a>
							</div>
							<p class="price">3299起</p>
							<div class="flags">
								<div class="flag">新品</div>
							</div>
						</li>
						<li>
							<div class="figure figure-thumb">
								<a href="#">
									<img src="images/navlist/mPhone/mix2320-220.png">
								</a>
							</div>
							<div class="title">
								<a href="#">
									小米MIX 2
								</a>
							</div>
							<p class="price">3299起</p>
							<div class="flags">
								<div class="flag">新品</div>
							</div>
						</li>
					<div class="xs-clear"></div> -->
					</ul>
				</div>
			</div>
			<div class="xs-clear"></div>
		</div>
	</div>
	<div class="home-hero-container container">
		<div class="home-hero">
			<div class="home-hero-slider">
				<div class="ui-wrapper">
					<!-- 轮播图 -->
					<div class="ui-viewport">
						<div id="slider" class="xs-slider">
							<!-- 插入的轮播图代码 -->
							<!-- <div class="slide" style="display: block;">
								<a href="#" >
									<img src="images/banner/xmad_15111883440685_teJDc.jpg">
								</a>
							</div> -->
							<!-- <div class="slide">
								<a href="#">
									<img src="images/banner/xmad_15114374963831_YuUnF.jpg">
								</a>
							</div>
							<div class="slide">
								<a href="#" >
									<img src="images/banner/xmad_15111883440685_teJDc.jpg">
								</a>
							</div>
							<div class="slide">
								<a href="#">
									<img src="images/banner/xmad_15114374963831_YuUnF.jpg">
								</a>
							</div>
							<div class="slide">
								<a href="#" >
									<img src="images/banner/xmad_15111883440685_teJDc.jpg">
								</a>
							</div> -->
						</div>
					</div>
					<!-- 焦点按钮 -->
					<div class="ul-controls">
						<div id="paperLink" class="ui-paper ui-default-pager">
							<!-- <div class="ui-paper-item">
								<a href data-slide-index="0" class="ui-paper-link">1</a>
							</div>
							<div class="ui-paper-item">
								<a href data-slide-index="1" class="ui-paper-link">2</a>
							</div>
							<div class="ui-paper-item">
								<a href data-slide-index="2" class="ui-paper-link">3</a>
							</div>
							<div class="ui-paper-item">
								<a href data-slide-index="3" class="ui-paper-link">4</a>
							</div>
							<div class="ui-paper-item">
								<a href data-slide-index="4" class="ui-paper-link">5</a>
							</div> -->
						</div>
						<div id="controls-direction" class="ui-controls-direction">
							<a class="ui-prev">上一张</a>
							<a class="ui-next">下一张</a>
						</div>
					</div>

				</div>
			</div>
			<div class="home-hero-sub row">
				<div class="span4">
					<ul class="home-channel-list clearfix">
						<li class="exposure">
							<a href="#">
								选购手机
							</a>
						</li>
						<li class="exposure">
							<a href="#">
								企业团购
							</a>
						</li>
						<li class="exposure">
							<a href="#">
								F码通道
							</a>
						</li>
						<li class="exposure">
							<a href="#">
								米粉卡
							</a>
						</li>
						<li class="exposure">
							<a href="#">
								以旧换新
							</a>
						</li>
						<li class="exposure">
							<a href="#">
								话费充值
							</a>
						</li>
					</ul>
				</div>

				<div class="span16" id="xs-homePromo">
					<ul class="home-promo-list clearfix">
						<li class="first">
							<a href="#">
								<img src="images/blank.gif" data-echo="images/promoList/xmad_15042746359872_BDhfU.jpg" alt="">
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/blank.gif" data-echo="images/promoList/xmad_15124514536952_mGxUh.jpg" alt="">
							</a>
						</li>
						<li>
							<a href="">
								<img src="images/blank.gif" data-echo="images/promoList/xmad_15126468491785_Oayjh.jpg" alt="">
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="starGoods" class="home-star-goods">
			<!-- <div id="boxWrap" class="xs-plain-box">
				<div class="box-hd">

					<h2 class="title">小米明星单品</h2>
					<div class="more">
						<div class="xs-controls xs-controls-line-small">
							<a href="#" class="control control-prev">
								<span></span>
							</a>
							<a href="#" class="control control-next">
								<span></span>
							</a>
						</div>
					</div>

				</div>
				<div class="box-bd">
					<div class="xs-carousel-wrapper">
						<ul id="" class="xs-carousel-list xs-carousel-col-5-list goods-list clearfix" style="width: 2480px;">
							<li class="rainbox-item-1">
								<a class="thumb" href="#">
									<img src="images/carousel/star/xmad_1501854687951_wXpuq.png">
								</a>
								<h3 class="title">
									<a href="#">
										小米5X
									</a>
								</h3>
								<p class="desc">光学变焦双摄，拍人更美</p>
								<p class="price">1499元</p>
							</li>
							<li class="rainbox-item-2"></li>
							<li class="rainbox-item-3"></li>
							<li class="rainbox-item-4"></li>
							<li class="rainbox-item-5"></li>
							<li class="rainbox-item-6"></li>
							<li class="rainbox-item-7"></li>
							<li class="rainbox-item-8"></li>
							<li class="rainbox-item-9"></li>
							<li class="rainbox-item-10"></li>
						</ul>
					</div>
				</div>
			</div> -->
		</div>
		
	</div>
	<div class="page-main home-main">

		<div class="container">
			<div id="homeelec" class="home-brick-box home-brick-row-2-box xs-plain-box">
				
				<div class="box-hd">
					<h2 class="title">家电</h2>
					<div class="more xs_bricklNav">
						<ul id="tabList" class="tab-list">
							<li class="tab-active">热门</li>
							<li>电视影音</li>
							<li>电脑</li>
							<li>家居</li>
						</ul>
					</div>
				</div>
				
				<div class="box-bd">
					<div class="row">

						<div class="span4">
							<ul id="promoList" class="brick-promo-list clearfix">
								<!-- <li class="brick-item brick-item-1">
									<a href="#" class="exposure">
										<img src="images/pageMain/homeelec/xmad_14950222431232_Twnyl.jpg">
									</a>
								</li> -->
							</ul>	
						</div>
						<div id="brickListBoxs" class="span16">
							<ul id="brickList" class="brick-list clearfix tab-content tab-content-active">
								<<!-- li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag flag-saleoff">享9折</div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div id="flag" class="flag flag-saleoff">享9折</div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag flag-new">新品</div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag"></div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag"></div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag"</div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-m">
									<div class="figure figure-img">
										<a class="exposure" href="#">
											<img src="images/pageMain/homeelec/hot/pms_1510111588.69169839!220x220.jpg" alt="小米电视4 55英寸">
										</a>
									</div>
									<h3 class="title">
										<a href="#">小米电视4 55英寸</a>
									</h3>
									<p class="desc">4.9mm 极超薄高端旗舰电视</p>
									<p class="price">
										<span class="num">3699</span>
										元
										<del>
											<span class="num">4449</span>
										元
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag"></div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review">第二台电视了，感觉音质没有米三的质感，但是比三薄了很...</span>
											<span class="author"> 
												来自于 艾特乔 的评价 
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-s">
									<div class="figure-img">
										<a href="#">
											<img src="images/pageMain/homeelec/hot/pms_1468806372.46368911!220x220.jpg">
										</a>
									</div>
									<h3 class="title">
										<a href="#">
											小白摄像机
										</a>
									</h3>
									<p class="desc"></p>
									<p class="price">
										<span class="num">
											399
										</span>
										元
										<del>
											<span class="num"></span>
										</del>
									</p>
									<p class="rank"></p>
									<div class="flag"></div>
									<div class="review-wrapper">
										<a href="#">
											<span class="review"></span>
											<span class="author">
												<span class="date"></span>
											 </span>
										</a>
									</div>
								</li>
								<li class="brick-item brick-item-s">
									<div class="figure figure-more">
										<a href="#">
											<img src="" alt="">
										</a>
									</div>
									<a class="more" href="#">
										浏览更多
										<small>热门</small>
									</a>
								</li> -->
							</ul>
						</div>
					</div>
				</div>
			</div>
			<!-- 智能 -->
			<div id="smart" class="home-brick-box home-brick-row-2-box xs-plain-box"></div>
			<!-- 配件 -->
			<div id="accessories" class="home-brick-box home-brick-row-2-box xs-plain-box"></div>
			<!-- 为你推荐 -->
			<div id="recommend" class="home-star-goods"></div>
			<!-- 热评产品 -->
			<div id="comment" class="home-review-box xs-plain-box">

			</div>
			<!-- 内容 -->
			<div id="content" class="home-content-box xs-plain-box">
				<!-- <div class="box-hd">
					<h2>内容</h2>
				</div>
				<div class="box-bd">
					<ul class="content-list clearfix">
						<li class="content-item content-item-first content-item-book">
							<h2 class="title">图书</h2>
							<div class="xs-category-wrapper">
								<ul class="item-list clearfix" style="width: 888px;margin-left: 0px;transition: margin-left 0.5s ease">
									<li>
										<h4 class="name">
											<a href="#" class="exposure">
												哈利·波特与被诅咒的孩子
											</a>
										</h4>
										<p class="desc">
											<a href="#">
												“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！ 
											</a>
										</p>
										<p class="price">
											<a href="#">
												29.37元
											</a>
										</p>
										<div class="figure figure-img">
											<a href="#">
												<img src="images/blank.gif" data-echo="images/content/book/5e5da924-84e3-4959-9e25-5891cdf30757.png" alt="哈利·波特与被诅咒的孩子">
											</a>
										</div>
									</li>
									<li>
										<h4 class="name">
											<a href="#" class="exposure">
												好吗好的
											</a>
										</h4>
										<p class="desc">
											<a href="#">
												畅销作家大冰2016年新书！讲给你听，好吗好的！ 
											</a>
										</p>
										<p class="price">
											<a href="#">
												17.99元
											</a>
										</p>
										<div class="figure figure-img">
											<a href="#">
												<img src="images/blank.gif" data-echo="images/content/book/61e1385e-54de-48f3-8717-5e4f4b1cdd14.png" alt="好吗好的">
											</a>
										</div>
									</li>
									<li class="more">
										<p class="desc">
											海量好书，享受精品阅读时光<br>漂亮的中文排版，千万读者选择
										</p>
										<a class="btn btn-small btn-line-orange" href="#">
											前往多看阅读
										</a>
										<img class="thumb" src="images/blank.gif" data-echo="images/content/book/more-duokan.jpg">
									</li>
								</ul>
							</div>
							<div class="xs-pagers-wrapper">
								<ul id="xsPagers" class="xs-pagers">
									<li class="pager pager-active">
										<span class="dot">1</span>
									</li>
									<li class="pager">
										<span class="dot">2</span>
									</li>
									<li class="pager">
										<span class="dot">3</span>
									</li>
								</ul>
							</div>
							<div class="xs-controls xs-controls-block-small xs-carousel-controls">
								<a class="control control-prev control-disable" href="#">
									<span>上一张</span>
								</a>	
								<a class="control control-next" href="#">
									<span>下一张</span>
								</a>
							</div>
						</li>
						<li class="content-item content-item-theme"></li>
						<li class="content-item content-item-game"></li>
						<li class="content-item content-item-app"></li>
					</ul>
				</div> -->
			</div>
			<div id="video" class="home-video-box home-brick-box xs-plain-box">
				<!-- <div class="box-hd">
					<h2 class="title">视频</h2>
					<div class="more">
						<a class="more-link">
							查看全部
						</a>
					</div>
				</div>
				<div class="box-bd">
					<ul class="video-list clearfix">
						<li class="video-item video-item-first">
							<div class="figure figure-img">
								<a class="exposure" href="#">
									<img src="images/video/xmad_15053784427187_fmBed.jpg">
									<span class="play">
										<i class="icon-play"></i>
									</span>
								</a>
							</div>	
							<h3 class="title">
								<a href="#">
									雷军与斯塔克打造全面屏2.0
								</a>
							</h3>	
							<p class="desc">一场关于小米MIX 2 极致工艺的巅峰对话</p>
						</li>
						<li class="video-item"></li>
						<li class="video-item"></li>
						<li class="video-item"></li>
					</ul>
				</div> -->
			</div>
		</div>
	</div>
	<div class="xs-footer">
		<div class="container">
			<div class="footer-service">
				<ul class="list-service clearfix">
					<li>
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<a href="#">预约维修服务</a>
					</li>
					<li>
						<a href="#">预约维修服务</a>
					</li>
				</ul>
			</div>
			<div class="footer-links clearfix">
				<dl class="col-links col-links-first">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl class="col-links">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl class="col-links">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl class="col-links">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl class="col-links">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<dl class="col-links">
					<dt>帮助中心</dt>
					<dd>
						<a href="#">账户管理</a>
					</dd>
					<dd>
						<a href="#">购物指南</a>
					</dd>
					<dd>
						<a href="#">订单操作</a>
					</dd>
				</dl>
				<div class="col-contact">
					<p class="phone">400-100-5678</p>
					<p>
						周一至周日 8:00-18:00<br>（仅收市话费）
					</p>
					<a href="#" class="btn btn-line-primary btn-small">
						24小时在线客服
					</a>
				</div>
			</div>
		</div>
	</div>
	<div class="xs-info">
		<div class="container">
			<div class="logo">小米官网</div>
			<div class="info-text">
				<p class="sites">
					<a href="#">小米商城</a>
					<span class="sep">|</span>
					<a href="#">MIUI</a>
					<span class="sep">|</span>
					<a href="#">米聊</a>
					<span class="sep">|</span>
					<a href="#">游戏</a>
					<span class="sep">|</span>
					<a href="#">多看阅读</a>
					<span class="sep">|</span>
					<a href="#">云服务</a>
					<span class="sep">|</span>
					<a href="#">金融</a>
					<span class="sep">|</span>
					<a href="#">米币</a>
					<span class="sep">|</span>
					<a href="#">小米商城手机版</a>
					<span class="sep">|</span>
					<a href="#">问题反馈</a>
					<span class="sep">|</span>
					<a href="#">Select Region</a>
				</p>
				<p>
					©
					<a href="#">mi.com</a>
					京ICP证110507号 
					<a href="#">京ICP备10046444号</a>
					<a href="#">京公网安备11010802020134号 </a>
					<a href="#">京网文[2014]0059-0009号</a>
					<br>
					违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
				</p>
			</div>
			<div class="info-links">
				<a href="#">
					<img data-echo="images/truste.png" src="images/blank.gif" alt="">
				</a>
				<a href="#">
					<img data-echo="images/v-logo-2.png" src="images/blank.gif" alt="">
				</a>
				<a href="#">
					<img data-echo="images/v-logo-1.png"  src="images/blank.gif" alt="">
				</a>
				<a href="#">
					<img data-echo="images/v-logo-3.png"  src="images/blank.gif" alt="">
				</a>
				<a href="#">
					<img data-echo="images/ba10428a4f9495ac310fd0b5e0cf8370.png"  src="images/blank.gif" alt="">
				</a>
			</div>
		</div>
		<div class="slogan">探索黑科技，小米为发烧而生</div>
	</div>
	<script type="text/javascript" src="js/data.min.js"></script>
	<script type="text/javascript" src="js/echo.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</body>
</html>